<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<!--表头-->
<head th:insert="common/head::headBar(${title},${desc},${keyword},'/static/Kz.layedit/Content/Layui-KnifeZ/css/layui.css')">
<body class="archive category ">
<div class="site">
    <!-- 头部-->
    <head th:insert="common/top::topBar(${resCategoryModel},${loginFlag},${resUser})"/>
    <div class="header-gap"></div>
    <div class="term-bar visible">
        <h1 class="term-title">TAG列表</h1>
    </div>
    <div class="site-content">
        <div class="container">
            <div class="filter--content">
                <div class="form-box search-properties mb-0">
                    <div class="filter-tab">
                        <div class="row">

                            <div class="col-12 col-sm-6">
                                <ul class="filter-tag"><span><i class="fa fa-filter"></i> </span>
                                    <li>含有<strong style="color: #e80338;" th:text="${keywords}"></strong>的结果</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-12">
                    <div class="content-area">
                        <main class="site-main">
                            <div class="row posts-wrapper">
                                <th:block th:each="hotArticle: ${searchArticles}">
                                    <div class="col-lg-1-5 col-6 col-sm-6 col-md-4 col-lg-3">
                                        <article
                                                class="post post-grid post-4657 type-post status-publish format-standard has-post-thumbnail sticky hentry">
                                            <div class="entry-media">
                                                <div class="placeholder" style="padding-bottom: 66.666666666667%;">
                                                    <a target="_blank" href="97.html">
                                                        <img th:src="${hotArticle?.titleImg}" th:alt="${hotArticle?.title}">
                                                    </a>
                                                    <div class="cao-cover"><img src="/static/images/rings.svg" width="50" height="50px"></div>
                                                </div>
                                                <div class="entry-star">
                                                    <a href="javascript:void(0);" th:dataId="${hotArticle?.id}"
                                                       title="收藏文章" class="ripro-star"
                                                       th:classappend="${hotArticle?.cellectionFlag==0}?'':'ok'"
                                                       onclick="saveCollection(this)"><i class='fa fa-star-o'></i></a>
                                                </div>
                                            </div>
                                            <div class="entry-wrapper">
                                                <a target="_blank" class="grid_author_avt" th:href="'/usershop/'+${hotArticle?.createUserId}+'.html'">
                                                    <div class="grid_author_bggo avatar bg-cover"
                                                         th:style="'background-image:url('+@{${hotArticle?.userImg}}+');'">
                                                    </div>
                                                </a>
                                                <header class="entry-header">
                                                    <div class="entry-meta">
                                                    <span class="meta-category" style="align-items: center;">
                                                         <i class="dot"></i><a target="_blank" th:href="${hotArticle?.url}" rel="category" th:text="${hotArticle?.categotyName}"></a>
                                                     </span>
                                                    </div>
                                                    <h2 class="entry-title">
                                                        <a target="_blank" th:href="'/web/art-detail/'+${hotArticle?.id}+'.html'" th:text="${hotArticle?.title}"></a>
                                                    </h2>
                                                </header>
                                                <div class="entry-footer">
                                                    <ul class="post-meta-box">
                                                        <li class="meta-date">
                                                            <i class="fa fa-clock-o"></i>
                                                            <time style="margin-left: 5px;" th:text="${#dates.format(hotArticle?.createTime, 'yyyy-MM-dd')}"></time>
                                                        </li>
<!--                                                        <li class="meta-price" th:styleappend="${hotArticle?.freeType}==0?'display:none':''">-->
<!--                                                            <i class="fa fa-database"></i><span th:text="${hotArticle?.money}"></span>-->
<!--                                                        </li>-->
                                                        <li class="meta-views">
                                                            <i class="fa fa-eye"></i>
                                                            <span style="margin-left: 5px;"th:text="${#strings.isEmpty(hotArticle?.lookSee)?0:hotArticle?.lookSee}"></span>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </article>
                                    </div>
                                </th:block>
                            </div>
                            <script th:inline="javascript">
                                var count = [[${searchArticleSTotal}]];
                                var keywords = [[${keywords}]];
                                var currentPage = [[${searchCurrentPage}]];
                                var requestUrl = [[${requestUrl}]];
                            </script>
                            <script type="text/javascript" th:src="@{'/static/Kz.layedit/Content/Layui-KnifeZ/layui.js'}"></script>
                            <script>
                                layui.use('laypage', function () {
                                    var laypage = layui.laypage;
                                    //执行一个laypage实例
                                    laypage.render({
                                        elem: 'pageId',
                                        count: count,
                                        curr: currentPage,  //当前页数
                                        limit: 16,
                                        theme: '#1E9FFF',
                                        jump: function (obj, first) {
                                            if (!first) {
                                                location.href = requestUrl+"?keywords="+keywords+"&pageNum=" + obj.curr;
                                            }
                                        }
                                    });
                                });
                            </script>
                            <div class="infinite-scroll-action-one" id="pageId">
                            </div>
                        </main>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--底部-->
    <div th:insert="common/footer::footerBar(${resTags},${resLinkList})"/>
</div>
</body>
</html>
